<div class="row scroll">
  <div class="box">
    <x-affix top="2rem">
      <x-button>top </x-button>
    </x-affix>
  </div>
</div>
<div class="row scroll">
  <div class="box">
    <x-affix left="2rem">
      <x-button>left </x-button>
    </x-affix>
  </div>
</div>
<div class="row scroll">
  <div class="box">
    <x-affix top="2rem" left="2rem">
      <x-button>top + left</x-button>
    </x-affix>
  </div>
</div>
